<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/html5Css3Study.css">
</head>
<body>
<!--头部标签-->
<header></header>
<!--导航标签-->
<nav></nav>
<!--内容标签-->
<article></article>
<!--文档某个区域-->
<section></section>
<!--侧边栏标签-->
<aside></aside>
<!--尾部标签-->
<footer></footer>

<video></video>
<audio></audio>

<!--更多input种类-->
<form><!--必须添加form域-->
    <!--email url date time month week number tel search color-->
    <!--required不为空  autofocus页面加载完成聚集至此表单  autocomplete显示曾经输入值 multiple可多选文件提交-->
    <input type="search" required="required" placeholder="默认文字">
    <input type="submit">
</form>

<div class="icon1"></div>
<div class="icon2"></div>
<div class="icon3"></div>

<div class="a1">
    <p></p>
    <div></div>
    <div></div>
</div>

<!--过渡-->
<div id="a2">
</div>

<!--2D转换-->
<div class="a3" id="b1" style="background-color: midnightblue">
</div>
<div class="a3" id="b2" style="background-color: coral">
</div>
<div class="a3" id="b3" style="background-color: blueviolet">
</div>

<!--动画-->
<div class="a3" id="b4" style="background-color: darkgreen"></div>

<!--3D转换-->
<div class="a3" id="b5" style="background-color: crimson"></div>
<div id="a7">
    <img src="../res/imgs/p2.png" class="a3" id="b6" style="background-color: darkorange"></img>
</div>


</body>
</html>